<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/10/5
  Time: 17:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script src="jquery-1.8.3.js"></script>
<html>
<head>
    <title>添加电影信息</title>
    <style>
        #box {
            margin: 0 auto;
            width: 400px;
        }

        #box h1 {
            text-align: center;
        }

        #table tr td {
            height: 30px;
            width: 160px;
        }
    </style>
</head>
<body>
<form action="insert">
<div id="box">
    <h1>添加电影信息</h1>
    <table id="table" border="1px solid black">
        <tr>
            <td>电影名称:</td>
            <td><input type="text" id="name" name="name" onblur="blu($('#name').val().trim())"><span id="name1"></span>
            </td>
        </tr>
        <tr>
            <td>电影类型:</td>
            <td><input type="text" id="type" name="type"><span id="type1"></span></td>
        </tr>
        <tr>
            <td>电影价格:</td>
            <td><input type="text" id="price" name="price"><span id="price1"></span></td>
        </tr>
        <tr>
            <td>是否推荐:</td>
            <td><input type="radio" name="tui" value="0" checked>推荐 <input type="radio" name="tui" value="1">不推荐
            </td>
        </tr>
        <tr>
            <td>上映时间:</td>
            <td><input type="text" id="start" name="start"> <span>格式:yyyy-MM-dd</span> <span id="start1"></span></td>
        </tr>
        <tr>
            <td>下映时间:</td>
            <td><input type="text" id="end" name="end"><span>格式:yyyy-MM-dd</span> <span id="end1"></span></td>
        </tr>
        <tr>
            <td>投票数:</td>
            <td><input type="text" id="votes" name="votes"><span id="votes1"></span></td>
        </tr>
        <tr>
            <td>操作:</td>
            <td><input type="button" value="添加" onclick="cli()">
                <button onclick="butt()">返回</button>
            </td>
        </tr>
    </table>
</div>
</form>
</body>
<script>
    function cli() {
        $(function () {
            var item = /^\d{4}-\d{2}-\d{2}$/
            if ($("#name").val().trim() == "") {
                $("#name1").text("电影名称不能为空")
                return false
            } else {
                $("#name1").text("")

            }
            if ($("#type").val().trim() == "") {
                $("#type1").text("电影类型不能为空")
                return false
            } else {
                $("#type1").text("")

            }
            if ($("#price").val().trim() == "") {
                $("#price1").text("价格不能为空")
                return false
            } else {
                $("#price1").text("")

            }
            if ($("#start").val().trim() == "") {
                $("#start1").text("上映时间不能为空")
                return false
            } else {
                $("#start1").text("")

            }
            if ($("#end").val().trim() == "") {
                $("#end1").text("下映时间不能为空")
                return false
            } else {
                $("#end1").text("")

            }
            if ($("#votes").val().trim() == "") {
                $("#votes1").text("投票数不能为空")
                return false
            } else {
                $("#votes1").text("")

            }
            if (!item.test($("#start").val().trim())) {
                $("#start1").text("日期格式不正确")
                return false
            } else {
                $("#start1").text("")

            }
            if (!item.test($("#end").val().trim())) {
                $("#end1").text("日期格式不正确")
                return false
            } else {
                $("#end1").text("")
            }
            $("form").submit();
        })
    }

    function butt() {
        location.href = "list"
    }

    function blu(name) {
        $.post(
            "select", {"name": name}, function (data) {
                if (data == "true") {
                    $("#name1").text("该电影名已存在")
                    return false
                } else {
                    $("#name1").text("")
                }
            }
        )
    }
</script>
</html>
